<script lang="js" setup>
import { ref } from "vue"

// 书籍数据
const tableData = [
    {
        date: '2016-05-03',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles',
    },
    {
        date: '2016-05-02',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles',
    },
    {
        date: '2016-05-04',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles',
    },
    {
        date: '2016-05-01',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles',
    },
]
</script>

<template>
    <div>
        <el-card class="box-card">
            <template #header>
                <div class="card-header">
                    <span>审核列表</span>h
                </div>
            </template>
            <el-table :data="tableData" style="width: 100%">
                <el-table-column prop="date" label="书籍名" />
                <el-table-column prop="name" label="提交时间" />
                <el-table-column prop="address" label="状态" />
            </el-table>
        </el-card>
    </div>
</template>

<style lang="scss" scoped>
.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
</style>